<template>
  <el-form label-position="top" class="p-10">
    <el-form-item label="统计数据">
        <el-input
          v-model="activeData.extConfig.customCardLists"
          placeholder="请输入数据"
          />
    </el-form-item>
      <el-form-item label="统计方式">
       <el-select v-model="activeData.extConfig.way">
          <el-option v-for="(item, index) in ways" :key="index" :value="item.value" :label="item.label"></el-option>
       </el-select>
    </el-form-item>
    <el-form-item label="统计区域宽度">
         <el-input-number
          v-model="activeData.extConfig.cardWidth"
        />
    </el-form-item>
    <el-form-item label="展示名称">
        <el-input
          v-model="activeData.extConfig.label"
        />
    </el-form-item>
     <el-form-item label="字体颜色">
       <el-color-picker v-model="activeData.extConfig.textColor"></el-color-picker>
    </el-form-item>
     <el-form-item label="背景色">
       <el-color-picker v-model="activeData.extConfig.cardBackground"></el-color-picker>
    </el-form-item>
  </el-form>
</template>
<script>
export default {
    name:'statCard-config',
    props:['activeData'],
    data(){
      return {
        ways: [
          {
            label: "求和",
            value: "sum"
          },
          {
            label: "平均值",
            value: "mean"
          },
           {
            label: "最大值",
            value: "max"
          },
           {
            label: "最小值",
            value: "min"
          },
        ],
      }
    },
    computed:{
    },
    watch:{
     
    },
    methods: {
   
    },
}
</script>